body{
    /*background-image: url("../images/bg3.png") ;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;*/
    background-image: linear-gradient(109.6deg, rgb(120, 212, 234) 11.2%, rgb(216, 226, 253) 72.1%);
}
.m-padding-mini{
    padding: 0.2em !important;
}
.m-padding-tiny{
    padding: 0.3em !important;
}
.m-padded-tb-mini{
    padding-top:0.2em !important;
    padding-bottom: 0.2em !important;
}
.m-padded-tb-mini{
    padding-bottom: 0.2em !important;
    padding-top:0.2em !important; 
}
.m-padded-tb-tiny{
    padding-bottom: 0.3em !important;
    padding-top:0.3em !important; 
}
.m-padded-tb-small{
    padding-bottom: 0.5em !important;
    padding-top:0.5em !important; 
}
.m-padded-tb{
    padding-bottom: 1em !important;
    padding-top:1em !important; 
}
.m-padded-tb-large{
    padding-bottom: 2em !important;
    padding-top:2em !important; 
}
.m-padded-tb-big{
    padding-bottom: 3em !important;
    padding-top:3em !important; 
}
.m-padded-tb-huge{
    padding-bottom: 4em !important;
    padding-top:4em !important; 
}
.m-padded-tb-massive{
    padding-bottom: 5em !important;
    padding-top:5em !important; 
}
.m-padded-tb-max-massive{
    padding-bottom: 15em !important;
    padding-top:15em !important;
}
.m-padding-lr{
    padding-left: 4em !important;
    padding: 4em !important;
}
.m-padding-reponsive-lr{
    padding-left: 4em!important;
    padding-right: 4em !important;
}
.m-padding-small-lr{
    padding-left: 2em !important;
    padding: 2em !important;
}
.m-padding{
    padding: 2em !important;
}

/*
margin
*/
.m-margin-tiny{
    margin-top: 0.3em !important;
    margin-bottom: 0.3em !important;
}
.m-margin-top-small{
    margin-top: 0.5em !important;
}
.m-margin-top{
    margin-top: 1em !important;
}   
.m-margin-top-large{
    margin-top: 2em !important;
}
.m-margin-botton-mini{
    margin-bottom: 0.5em !important;
}

/*
字体
*/
.m-text{
    font-weight: 300 !important;
    letter-spacing: 1px !important;
    line-height: 1.8 !important;
}
.m-text-thin{
    font-weight: 300 !important;

}
.m-text-spaced{
    letter-spacing: 1px !important;

}
.m-text-lined{
    line-height: 1.8 !important;
}
.m-opacity-mini{
    opacity: 0.8 !important;
}
.m-opacity-tiny{
    opacity: 0.6 !important;
}
/*
    display
*/
.m-inline-block{
    display: inline-block !important;
}
/*
m-container
*/
.m-container{
    max-width: 72em !important;
    margin: auto;
}
.m-container-small{
    max-width: 60em !important;
    margin: auto;
}
.m-black{
    color:#333 !important;
}
.m-teal{
    color:#00B5AD !important;
}
/*position*/
.m-fixed{
    position: fixed !important;
    z-index: 9 !important;

}
.m-bottom_right{
    bottom: 0 !important;
    right: 0 !important;
}
.m-top-right{
    position: absolute;
    top:0;
    right: 0;
}
.m-mobile-show{
    display: none !important;
}
/*
shadow*/
.m-shadow-small{
    -webkit-box-shadow:0 4px 8px rgb(0, 0, 0.2) !important;
    box-shadow: 0 4px 8px rgb(0, 0, 0.2) !important;
}
/*在手机端隐藏导航文字*/
@media screen and (max-width:768px){
    .m-mobile-hide{
        display: none !important;
    }
    .m-mobile-show{
        display: block !important;
    }
    .m-padding-reponsive-lr{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .m-mobile-wide {
        width: 100%;
    }
    .m-mobile-lr-clear{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

